<!DOCTYPE html>
<html class="ui-mobile">
<!--{layout:home/head}-->
<body>
<link href="http://cdn.staticfile.org/twitter-bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="/static/js/jqPaginator.js"></script>
  <style>
.customBootstrap .pagination>li>a{border-radius:2px;background:#fff;color:#333;border-color:#ccc;}
.pagination4 .page a,.pagination4 .page a:hover{width:100px;text-align:center;border:1px solid #ddd;color:#999;background-color:#fff!important}
pre code{background-color:transparent}
    </style>
<div data-role="page" id="news" class="main_box">
 <!--{layout:home/nav}--> 
 <section>
      <div class="main-title">
        <span class="listTitle">产品展示-<!--{$cat_data['title']}--></span>
        <span class="rightButton fr">
        <span class="titleBar" role="Bar_Left">
          <em class="kinds"> 栏目导航 </em>
          <em class="icon"></em>
        </span>
        </span>
        <div class="clear"></div>
      </div>
  </section>

  <section>
        <ul class="productListCont clear">
        	<!--{if($pro_data)}-->
			<!--{foreach($pro_data as $k=>$v)}-->
          		 <li><div class='imgWrap'> <a href="/<!--{$cat[$v['pid']]['url']}-->/<!--{$v['id']}-->.html">
          		 	<img src="<!--{$v['thumb']}-->"></a></div>
          	<div class='infoWrap'><h3 class='productTitle'>
          		<span class='name'><a href="/<!--{$cat[$v['pid']]['url']}-->/<!--{$v['id']}-->.html"><!--{$v['title']}--></a> </span>
          		</h3><p class='code'></p><p class='mark'></p></div></li>
           <!--{/foreach}-->
		<!--{else}-->
			暂无产品
		<!--{/if}-->
           <div class='clear'></div>
          <div class="clear"></div>
          <div class="demo111">
                <p id="demo4-text"></p>
                <ul id="demo4" class="pagination pagination4"></ul>
            </div>
        </ul>
  </section> 

  <!--{layout:home/pro_cat}-->
   <!--{layout:home/footer}--> 
</div>
<script type="text/javascript">
$("#demo4").jqPaginator({
    totalPages: <!--{$total}-->,
    visiblePages: 1,
    currentPage: <!--{$page}-->,
    prev: '<li style="width:30%" class="prev"><a href="javascript:void(0);">上一页<\/a><\/li>',
    next: '<li style="width:30%" class="next"><a href="javascript:void(0);">下一页<\/a><\/li>',
    page: '<li style="width:40%" class="page"><a href="javascript:void(0);"> {{page}} / {{totalPages}} <\/a><\/li>',
    onPageChange: function (n,t) {
    	if(t=='change')
    		window.location.href=n==1?"<!--{$url}-->/":"<!--{$url}-->/page"+n+".html";
    	//return false;
        //$("#demo4-text").html("当前第" + n + "页");
    }
});
</script>
</body>
</html>
